
<%@ page language="java" contentType="text/html;charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js">
<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>html5 canvas首屏自适应背景动画循环效果代码</title>

    <link rel="stylesheet" type="text/css" href="/static/demo/css/normalize.css" />
    <link rel="stylesheet" type="text/css" href="/static/demo/css/demo.css" />

    <!--必要样式-->
    <link rel="stylesheet" type="text/css" href="/static/demo/css/component.css" />

    <!--[if IE]>
    <script src="/static/demo/js/html5.js"></script>
    <![endif]-->
    <!--msg-->
    <link rel="stylesheet" type="text/css" href="/static/demo/css/msgbox.css"/>
    <!--end msg-->
    <style type="text/css">
        .head_fix{position:fixed;left:0;top:0;width:100%;height:60px;z-index:999;background:#fff;}
        .head_fix p{width:1200px;margin: auto;}
        .head_fix img{height:40px;margin-top:10px;display:block;}
    </style>
</head>
<body>
<div class="container demo-1">
    <div class="content">
        <div id="large-header" class="large-header">
            <canvas id="demo-canvas"></canvas>
            <h1 class="main-title">金六福电商数据</h1>
            <div class="main-content">
                <form class="foms">
                    <input type="text" placeholder="请输入搜索的内容" class="search"/>
                    <input type="button" value="搜索" id="search" onclick="clickautohide(6)"/>
                </form>
            </div>
        </div>
    </div>
</div><!-- /container -->
<div class="head_fix">
    <p><img src="/static/demo/img/logo.png"/></p>
</div>
<script src="/static/demo/js/TweenLite.min.js"></script>
<script src="/static/demo/js/EasePack.min.js"></script>
<script src="/static/demo/js/rAF.js"></script>
<script src="/static/demo/js/demo-1.js"></script>
<!--msg-->
<script src="/static/demo/js/msgbox.js" type="text/javascript" charset="utf-8"></script>
<!--end msg-->
</body>
<script type="text/javascript">
    function clickhide(){
        ZENG.msgbox._hide();
    }
    function clickautohide(i){
        var tip = "";
        switch(i){
            case 1:
                tip = "服务器繁忙，请稍后再试。";
                break;
            case 4:
                tip = "设置成功！";
                break;
            case 5:
                tip = "数据拉取失败";
                break;
            case 6:
                tip = "正在加载中，请稍后...";
               window.location.href="/demo/table"
        }
        ZENG.msgbox.show(tip, i, 3000);
    }
</script>
</html>
